<style lang='scss'>
.game {
	// display: flex;
	// flex-direction: column;
	position:absolute; 
	overflow:hidden; 
	-webkit-overflow-scrolling: touch; 
	top:0; 
	left:0; 
	bottom:0; 
	right:0;
	background-image: url('https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f025bed1-101b-4383-9c33-bbbeccec7177/7a5c7ecf-c27e-4587-b734-63101b915f83.png');
	background-size: 100% 100%;
	.wrapper{
		display: flex;
		flex-direction: column;
		flex:1;
		height: 100%;
		position:relative;
		text-align: center;
		align-items: center;
		.imgBox{
			width:150px;
			height:58px;
			position: fixed;
			bottom:3rem;
			.go{
				// left: 50%;
				width:100%;
				height:58px;
			}
		}
		
	}
}

</style>
<template>
  <div class="game" ref="game">
	<div class="wrapper">
		
		<div class="imgBox animated bounce faster">
			<img class="go" src="../../../assets/img/go.png" @click="toGameView">
		</div>
	</div>
  </div>
</template>

<script>
import myheader from './header2.vue'
import {mapState} from 'vuex'
import {myMixins} from "@/assets/js/mixins.js"
export default {
  name: 'game',
  mixins: [myMixins],
  components: {
		myheader
  },
  data() {
	return {
	  coordinate: {
		  client: {},
		  elePosition: {},
		  targetScope: {},
			showPop: false
	  }
	}
  },
  computed: {
    ...mapState(['fivepass'])
  },
  mounted() {
	  document.title = "脑洞大开小游戏"
	  this.getPassInfo()
	  this.shareHomePage()
  },
  methods: {
	toGameView() {
      const url = `${this.fivepass[0]}?ji=1`
      this.$router.push(url)
    }
  }
}
</script>
